<meta charset="utf-8" />
<script src="../lib/jquery.js"></script>
<script src="../lib/jquery-ui.js"></script>
<script src="04_draggableEvents.js"></script>
<style>
#draggable {
	width: 150px;
	height: 150px;
	padding: 0.5em;
	border: 1px solid red;
}
</style>

<div id="count_area">
	<div id="start">
		start = <span>0</span>
	</div>
	<div id="drag">
		drag = <span>0</span>
	</div>
	<div id="stop">
		stop = <span>0</span>
	</div>
</div>
<div id="draggable" class="ui-widget-content">
	<p>Drag me around</p>
</div>